@import "./custom.scss";

.fs-7 {
  font-size: $font-size-sm;
}
.fs-8 {
  font-size: $font-size-base * 0.75;
}
.fs-1-3 {
  font-size: $font-size-sm * 3;
}

.text-main {
  color: $primary;
}

.bgimg-1 {
  background: transparent url("../img/bg1x.png");
}

.bgc-1 {
  background-color: $su-bgc1;
}

.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}

.su-form-control {
  box-shadow: 0;
}

.ps-6 {
  padding-left: $spacer * 4;
}
.ps-7 {
  padding-left: $spacer * 5;
}
.pe-6 {
  padding-right: $spacer * 4;
}
.pe-7 {
  padding-right: $spacer * 5;
}

.btn-primary {
  color: $primary;
  background-color: $btn-primary;
  border-color: $border-primary;
}

.text-primary {
  color: $primary !important;
}

.van-nav-bar {
  background-color: #000;
  .van-nav-bar__title {
    color: $primary;
  }
  .van-icon {
    color: $primary;
  }
}

.van-search__content {
  background: transparent url("../img/bg1x.png");
}
.van-field__control {
  color: $primary;
  &::placeholder {
    color: $primary;
  }
}

.van-search__field {
  .van-field__left-icon {
    color: $primary;
  }
}

.tips-popup {
  background-color: #fff;
  width: 80%;
}

.su-popup-icon-close {
  background: transparent url("../img/close-popup.png") center no-repeat;
  background-size: 100%;
  width: 1.5em;
  height: 1.5em;
}

.su-input {
  border: 1px solid #193881;
  padding: 0.4em 0.5em;
  width: 80%;
  margin: auto;
  display: block;
  background-color: #020a1e;
  border-radius: 0.5em;
  &::placeholder {
    color: $primary;
  }
}
.swap-cell-title {
  flex: 4;
}
.swap-cell-value {
  flex: 1;
}

.space-nav__more {
  background-color: #000;
  width: 100%;
  position: fixed;
  left: 0;
  z-index: 100;
}

// body {
//   background: transparent url("../img/ibg.png") center no-repeat;
//   background-size: 100% 100%;
//   background-attachment: fixed;
// }
#app {
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background: url("../img/sm_ibg.jpg") ;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  overflow-y: scroll;
}

.nav-top {
  margin-top: var(--van-nav-bar-height);
}

.st_ready {
  color: #a8d0fc;
  background-color: #4b80fd !important;
}

.st_pending {
  color: #a8d0fc;
  background-color: #164ed2 !important;
}

.st_end {
  color: #a8d0fc;
  background-color: #061740 !important;
}
